<template>
  <div class="bibox">
    <img class="imgc" src="zf1.jpg" alt="" />
    <div class="boxa">
      <div>
        <div class="x"  @click="fun()">X</div>
        <div class="cd">成都超有爱科技有限公司
              <div><span class="yuan">￥</span>
        <span class="san">39.00</span></div>
        </div>
      
      </div>
      <div class="boxc">
          <img class="imgalt" src="js.jpg" alt="">
          <p>中国银行储蓄卡(7086)</p>
          <div class="iconfont icon-youjiantou1"></div>
      </div>
    </div>
    <div class="qr">
        确认支付
    </div>
    <div class="ben">本服务由支付宝(中国)网络技术有限公司提供
</div>
  </div>
</template>

<script>
export default {
    methods:{
        fun(){
            this.$router.go(-1) 
        }
    }
};
</script>

<style scoped>
.bigbox {
  width: 3.42rem;
  margin: 0 auto;
  height: 3.05rem;
}
.imgc {
  height: 3.05rem;
}
.boxa {
  height: 4.5rem;
  /* background: pink; */
}
.x {
  height: 0.43rem;
  color: rgb(177, 179, 180);
}
.cd {
  text-align: center;
  height: .8rem;
}

.san{
    margin-top: .1rem;
    font-size: .34rem;
    font-weight: 600;
}
.boxc{
    /* background: palegreen; */
    height: .44rem;
    display: flex;
    align-items: center;
    border-top: .01rem solid rgb(224, 215, 215);
     border-bottom: .01rem solid rgb(224, 215, 215);
    /* justify-content: space-between; */
}
.imgalt{
    height: .44rem;
}
.icon-youjiantou1{
   /* text-align: end; */

   margin-left: 1.5rem;
}
.qr{
  width: 3.42rem;
  margin: 0 auto;
  height: .46rem;
  background: #3974F6;
  border-radius: .06rem;
  margin-bottom: .1rem;
  text-align: center;
  line-height: .46rem;
  color: white;
}
.ben{
    font-size: .14rem;
    color: rgb(202, 206, 206);
    text-align: center;
    margin-bottom: .4rem;
}
</style>